<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<style type="text/css">

</style>
<div class="container-fluid">
	<div class="row-fluid">
		<div class="span12">
			<ul class="breadcrumb">
				<li><span class="c-999">告警管理<i
					class="icon-angle-right"></i></span>
				</li>
				<li><a class="c-666" onclick="util.showContent('pages/system/alertQueryMng.jsp')">告警查询</a></li>
			</ul>
		</div>
	</div>

	<div class="search-box">
		<div class="search-title">
			<span class="search-criteria c-666">&nbsp;查询条件</span>
		</div>
		<form id="customer_search_form">
			<table class="search-body" style="margin-top:20px" border="0" cellpadding="0" cellspacing="0" width="100%">
				<tr>
					<td>
					    <label class="my-label">电池ID:</label>
					    <select id="id_packCode" class="my-select" style="width:200px">
							<option value = ""></option>
						</select>

						<label class="my-label">告警名称:</label>
						<input id="id_cusAlertName" class="my-input" type="text" />

						<label class="my-label">告警级别:</label>
						<select id="id_cusAlertLevel" class="my-select">
							<option value="">全部</option>
						</select>

						<label class="my-label">电池型号:</label>
						<select id="id_packModel" class="my-select">
							<option value=""></option>
						</select>

					</td>
					
				</tr>
				<tr>
					<td>
						<label class="my-label" style="margin-top:20px">开始时间:</label>
						<input id="gatherTime_start" class="data-picker Wdate enterSearch" type="text" onClick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',maxDate:'%y-%M-%d'})"/>

						<label class="my-label">结束时间:</label>
						<input id="gatherTime_end" class="data-picker Wdate enterSearch" type="text" onClick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',maxDate:'%y-%M-%d'})"/>

						<select id="shortcut_time"  class="my-select enterSearch" style="height: 34px;">
	                        <option value="5">快捷时间</option>
	                        <option value="0">昨天</option>
	                        <option value="1">上周</option>
	                        <option value="2">上月</option>
	                        <option value="3">上季度</option>
	                        <option value="4">去年</option>
                    </select>
					</td>
				</tr>
				
			</table>
		</form>
		<ul class="search-button">
			<li><button class="btn blue" id="btn_query">查&nbsp;&nbsp;询</button></li>
			<li><button class="btn blue" id="btn_reset">重&nbsp;&nbsp;置</button></li>
		</ul>
	</div>
	<div id="customAlertBox">
	<div class="table-con">
		<div class="table-head">
			&nbsp;&nbsp;&nbsp;<i class="icon-reorder"></i>&nbsp;列表详情
		</div>
		<div class="list-body">
			<div class="portlet-body">
				<p>
					<button type="button" class="btn blue hide" id="customAlert_table_add" data-toggle="modal">新&nbsp;&nbsp;增</button>
					<button id="customAlert_table_edit" class="btn green hide" data-toggle="modal">
							编&nbsp;&nbsp;辑
					</button>
					<button id="customAlert_table_del" class="btn red hide">
							删&nbsp;&nbsp;除
					</button>
					<button id="alertQuery_table_exp" class="btn blue ">
							导&nbsp;&nbsp;出
					</button>
				</p>
			</div>
			<div class="table-responsive">
				<table class="table table-striped table-hover table-bordered"
					id="alertQuery_table">
					<thead>
						<tr>
							<th  class="sorting_asc_disabled" style="width:35px;">
							序号
							</th>
							<th class="fourMinWidth">电池ID</th>
							<th class="fourMinWidth">采集终端ID</th>
							<th class="fourMinWidth">客户信息</th>
							<th class="fourMinWidth">告警名称</th>
							<th class="fourMinWidth">告警级别</th>
							<th class="fourMinWidth">告警类型</th>
							<th class="fourMinWidth">电池系统型号</th>
							<th class="fourMinWidth">告警时间</th>
						</tr>
					</thead>
					<tbody>
					</tbody>
				</table>
			</div>
		</div>
	</div>
	</div>

	
	
</div>		
<!--查看详情 end------------>	
<!-- 模态窗口 str -->
<jsp:include page="/pages/common/modal.jsp"></jsp:include>

<script type="text/javascript" src="pages/system/js/alertQueryMng.js"></script> 
<script type="text/javascript" src="script/jquery/js/jquery.cityselect.js"></script>

<script src="media/js/ui-modals.js"></script>
<script type="text/javascript">
	jQuery(document).ready(function() {
		alertQueryTable.init();
		UIModals.init();
	});
</script>

